<%--
  Created by IntelliJ IDEA.
  User: asus11
  Date: 2018/8/16
  Time: 10:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<%@ page isELIgnored="false" %>
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>header</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        html,body{background:#626262;margin:0;padding:0;height:100%;position:relative;}
        body img{margin-top:50%;}
    </style>
    <script type="text/javascript" language="JavaScript">
        <!--
        var pic = new Image();
        pic.src="images/arrow_right.gif";

        function toggleMenu()
        {
            frmBody = parent.document.getElementById('frame-body');
            imgArrow = document.getElementById('img');

            if (frmBody.cols == "0, 10, *")
            {
                frmBody.cols="200, 10, *";
                imgArrow.src = "images/arrow_left.gif";
            }
            else
            {
                frmBody.cols="0, 10, *";
                imgArrow.src = "images/arrow_right.gif";
            }
        }

        var orgX = 0;
        document.onmousedown = function(e)
        {
            var evt = Utils.fixEvent(e);
            orgX = evt.clientX;

            if (Browser.isIE) document.getElementById('tbl').setCapture();
        };

        document.onmouseup = function(e)
        {
            var evt = Utils.fixEvent(e);

            frmBody = parent.document.getElementById('frame-body');
            frmWidth = frmBody.cols.substr(0, frmBody.cols.indexOf(','));
            frmWidth = (parseInt(frmWidth) + (evt.clientX - orgX));

            frmBody.cols = frmWidth + ", 10, *";

            if (Browser.isIE) document.releaseCapture();
        };

        var Browser = new Object();

        Browser.isMozilla = (typeof document.implementation != 'undefined')
            && (typeof document.implementation.createDocument != 'undefined')
            && (typeof HTMLDocument != 'undefined');
        Browser.isIE = window.ActiveXObject ? true : false;
        Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox") != - 1);
        Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != - 1);
        Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera") != - 1);

        var Utils = new Object();

        Utils.fixEvent = function(e)
        {
            var evt = (typeof e == "undefined") ? window.event : e;
            return evt;
        };
        //-->
    </script>
</head>
<body onselect="return false;">
<table height="100%" cellspacing="0" cellpadding="0" id="tbl">
    <tbody>
    <tr>
        <td>
            <a href="javascript:toggleMenu();">
        <img src="${path}/images/arrow_left.gif" width="10" height="30" id="img" border="0">
            </a>
        </td>
    </tr>
    </tbody>
</table>

</body>
</html>